Add caching rules for immutable files in web.config#158
Open
turbobobbytraykov wants to merge 2 commits intovnextfrom
Open
Add caching rules for immutable files in web.config#158turbobobbytraykov wants to merge 2 commits intovnextfrom
turbobobbytraykov wants to merge 2 commits intovnextfrom
Conversation
Added HTTP compression settings and caching rules for static content.
Contributor
Author
|
@pmoleri , you can check the grid examples at: https://staging.infragistics.com/angular-grid-examples/home/sales I think everything is working as intended now. |
|
No, it's not working correctly. |
pmoleri
reviewed
Feb 19, 2026
Comment on lines
+38
to
+47
| </rule> | ||
| <preConditions> | ||
| <preCondition name="IsImmutable" logicalGrouping="MatchAny"> | ||
| <add input="{REQUEST_URI}" pattern="styles-.*\.css$" /> | ||
| <add input="{REQUEST_URI}" pattern="chunk-.*\.js$" /> | ||
| <add input="{REQUEST_URI}" pattern="main-.*\.js$" /> | ||
| <add input="{REQUEST_URI}" pattern="polyfills-.*\.js$" /> | ||
| <add input="{REQUEST_URI}" pattern="/media/.*" /> | ||
| </preCondition> | ||
| </preConditions> |
There was a problem hiding this comment.
It looks like this is a Server Side Rendered app and the index.html cache rule doesn't work in this case.
We can add the following rule to match all 200 HTML pages.
Suggested change
| </rule> | |
| <preConditions> | |
| <preCondition name="IsImmutable" logicalGrouping="MatchAny"> | |
| <add input="{REQUEST_URI}" pattern="styles-.*\.css$" /> | |
| <add input="{REQUEST_URI}" pattern="chunk-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="main-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="polyfills-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="/media/.*" /> | |
| </preCondition> | |
| </preConditions> | |
| </rule> | |
| <rule name="Cache SSR HTML pages" preCondition="IsHTMLResponse"> | |
| <match serverVariable="RESPONSE_Cache-Control" pattern=".*" /> | |
| <action type="Rewrite" value="public, max-age=300" /> | |
| </rule> | |
| <preConditions> | |
| <preCondition name="IsImmutable" logicalGrouping="MatchAny"> | |
| <add input="{REQUEST_URI}" pattern="styles-.*\.css$" /> | |
| <add input="{REQUEST_URI}" pattern="chunk-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="main-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="polyfills-.*\.js$" /> | |
| <add input="{REQUEST_URI}" pattern="/media/.*" /> | |
| </preCondition> | |
| <preCondition name="IsHTMLResponse" logicalGrouping="MatchAll"> | |
| <add input="{RESPONSE_STATUS}" pattern="^200$" /> | |
| <add input="{RESPONSE_CONTENT_TYPE}" pattern="^text/html" /> | |
| </preCondition> | |
| </preConditions> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Added outbound rules for caching immutable files and defined preconditions for specific file patterns.
Based on the changes that Pablo introduced in IgniteUI/igniteui-angular-samples#3879 for the other Angular samples
Why:
SPA had a 1 year cache for all static files, including the index.html
This is terribly bad for updating the app because you get an older version of the app unless you force reload.
This can also lead to crashes, because the cached index.html will reference related scripts that are no longer there.
How:
main-<hash>.jschunk-<hash>.jspolyfills-<hash>.jsstyles-<hash>.cssAdditionally:
These changes are already applied to
via the afore-mentioned PR Improve SPA caching igniteui-angular-samples#3879
After testing this, the same approach should be applied to angular-grid-examples as well